Skip to main content

Élément de visualisation : Image

Symbole:

_visu_img_picture.png

Catégorie: De base

L'élément ajoute une image à la visualisation. L'image affichée est gérée dans le pool d'images et référencée dans l'élément de visualisation au moyen d'un ID statique. Vous pouvez également modifier dynamiquement l'image affichée en utilisant une variable au lieu de l'ID statique.

Astuce

Avec le Contexte , vous pouvez définir un arrière-plan pour l'ensemble de la visualisation.

Astuce

Les répertoires contenant les images à utiliser dans les visualisations peuvent être définis dans les paramètres du projet (catégorie Visualisation).

Propriétés de l'élément

Toutes les propriétés des éléments sont-elles disponibles ?

Toutes les propriétés ne sont disponibles qu'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple : Status bar

Astuce

Attribuez des noms individuels aux éléments afin qu'ils apparaissent plus rapidement dans la liste des éléments.

Type d'élément

Image

ID statique

ID statique d'une image provenant d'un pool d'images. Le pool d'images peut faire partie du projet ou provenir d'une bibliothèque. L'ID peut être résolu exactement si vous spécifiez le chemin complet de l'instance.

Chemin d'instance pour une image contenant un pool d'images dans le projet :

<namespace library>.<name of image pool>.<ID image>

Exemple :

MyLib.Imagepool.background

VisuSymbols.Symbols.Phone: chemin d'instance pour une image avec un pool d'images dans le VisuSymbols bibliothèque

L'espace de noms de la bibliothèque (namespace library) est facultatif. S'il est absent, un pool d'images sera recherché dans le projet.

Le point situé devant la collection d'images (.) est facultatif. Lorsque le point est spécifié, il indique un chemin d'instance dans le projet.

.Imagepool.background

Si aucune image ne peut être trouvée à l'aide de cette méthode, une recherche de substitution est effectuée à l'aide de l'ID de l'image. Le résultat est le premier identifiant d'image correspondant. Dans le cas d'identifiants ambigus, cela peut entraîner l'affichage d'une image erronée. Cela peut être évité en spécifiant un chemin d'instance exact.

Astuce

Spécifiez le chemin complet de l'instance pour éviter les conflits :

<namespace path> . <name of image pool> . <image ID>

Pour plus d'informations, voir : Objet : Image Pool

Afficher le cadre

standard icon: Le fichier image est affiché avec un cadre.

découpage

Exigence : La Type d'échelle la propriété est Fixé.

standard icon: Seule une partie de la visualisation s'affiche et correspond au cadre de l'élément.

Transparent

standard icon: les pixels de l'image qui ont Couleur transparente sont affichés en tant que transparents.

Couleur transparente

Efficace uniquement si Transparente l'option est activée.

Le _cds_icon_button_threedots.png le bouton ouvre la boîte de dialogue de sélection des couleurs. C'est ici que vous sélectionnez la couleur transparente.

Type d'échelle

. Définition de la place d'une image dans le cadre de l'élément.

  • Isotrope : L'image entière est affichée dans le cadre de l'élément, en plus grand ou en plus petit. Par conséquent, la proportion de hauteur et de largeur est conservée.

    Si l'alignement des éléments les uns par rapport aux autres doit également être conservé dans un élément de cadre mis à l'échelle, notez ce qui suit. Les décalages horizontaux ou verticaux indésirables peuvent être évités en définissant les propriétés Alignement horizontal et Alignement vertical à Centré. L'alignement des éléments est conservé et aucun décalage horizontal ou vertical n'en résulte.

    Exemple : une lampe est centrée au-dessus d'un interrupteur. La lampe doit rester en position horizontale centrée, même si le cadre est redimensionné.

  • Anisotrope : L'image est redimensionnée automatiquement aux dimensions du cadre de l'élément, remplissant ainsi tout le cadre de l'élément. De ce fait, les proportions ne sont pas conservées.

  • Fixé : L'image conserve sa taille d'origine, même si le cadre de l'élément est redimensionné. Notez également que découpage l'option est sélectionnée.

    Pour chaque réattribution d'un identifiant d'image, la taille de l'élément est automatiquement adaptée à la taille de l'image.

Alignement horizontal

. Alignement horizontal de l'élément dans le cadre de l'élément :

  • Gauche

  • Centré

  • Droite

Exigence : le type de mise à l'échelle de l'image est Isotrope ou Fixé.

Note

Si la visualisation est référencée, l'alignement horizontal prend effet dans la position du cadre.

_visu_icon_variable.png: Les Variable la propriété est indiquée ci-dessous.

Variable

Variable d'énumération (ENUM VisuElemBase.VisuEnumVerticalAlignment) pour un alignement horizontal

Exemple : PLC_PRG.eHorizontalAlignment

Alignement vertical

. Alignement vertical de l'élément dans le cadre de l'élément :

  • Haut

  • Centré

  • En bas

Exigence : le type de mise à l'échelle de l'image est Isotrope ou Fixé.

Note

Si la visualisation est référencée, l'alignement horizontal prend effet dans la position du cadre.

_visu_icon_variable.png: Les Variable la propriété est indiquée ci-dessous.

Variable

Variable d'énumération (ENUM VisuElemBase.VisuEnumVerticalAlignment) pour un alignement vertical

Exemple : PLC_PRG.eVerticalAlignment

Une déclaration valide est requise pour les variables utilisées à titre d'exemple dans le tableau ci-dessus.

Dénombrement

TYPE VisuElemBase.VisuEnumHorizontalAlignment
    LEFT
    HCENTER
    RIGHT
END_TYPE

TYPE VisuElemBase.VisuEnumVerticalAlignment
    DOWN
    VCENTER
    BOTTOM
END_TYPE

Déclaration

PROGRAM PLC_PRG
VAR
    eHorizontalAlignment : VisuElemBase.VisuEnumHorizontalAlignment := VisuElemBase.VisuEnumHorizontalAlignment.HCENTER;
    eVerticalAlignment : VisuElemBase.VisuEnumVerticalAlignment := VisuElemBase.VisuEnumVerticalAlignment.VCENTER;
END_VAR

Pour plus d'informations, voir : Objet : Pool d'images

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va vers le bas.

X

La coordonnée X (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Largeur

Largeur (en pixels)

Exemple : 150

Hauteur

Hauteur (en pixels)

Exemple : 30

Astuce

Vous pouvez également modifier les valeurs en faisant glisser la case _visu_icon_position_element.png symboles vers d’autres positions dans l’éditeur.

Angle

Angle de rotation statique (en degrés)

Exemple : 35

L'élément est affiché pivoté dans l'éditeur. Le point de rotation est le centre de l'élément. Une valeur positive tourne dans le sens des aiguilles d'une montre.

Astuce

Vous pouvez modifier la valeur dans l'éditeur en focalisant l'élément sur la poignée. Lorsque le curseur s'affiche sous la forme d'un _visu_icon_rotate_statically.png flèche rotative, vous pouvez faire pivoter l'élément autour de son centre comme une poignée.

_visu_img_selected_image_with_handle.png

(1) : Poignée

Note

Si un angle de rotation dynamique est également configuré dans le Mouvement absolu → Rotation intérieure propriété, puis les angles de rotation statiques et dynamiques sont ajoutés au moment de l'exécution. L'angle de rotation statique agit comme un décalage.

Centre

Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation s'affiche dans l'éditeur en tant que _visu_icon_center_point.png symbole et est utilisé comme centre pour la rotation et la mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole à une autre position dans l'éditeur.

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Couleurs

Les propriétés contiennent des valeurs fixes pour la définition des couleurs.

Couleur

Exigence : Le Afficher le cadre propriété est sélectionnée.

Couleur pour le cadre

Note

L'état normal est en vigueur si l'expression dans le Variables de couleur → Basculer la couleur la propriété n'est pas définie ou elle a la valeur FALSE.

Exigence : Le Afficher le cadre propriété est sélectionnée.

Couleur du cadre en état d'alarme

Note

L'état d'alarme est effectif si l'expression dans le Variables de couleur → Basculer la couleur propriété a la valeur TRUE.

Transparence

Valeur (0 à 255) pour définir la transparence de la couleur sélectionnée

Exemple:

255: La couleur est opaque.

0: La couleur est complètement transparente.

Note

Si la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée contre l'écriture.

Apparence

Les propriétés contiennent des valeurs fixes pour définir l'apparence de l'élément.

Largeur de ligne

Valeur (en pixels)

Exemple: 2

Note

Les valeurs 0 et 1 les deux entraînent une épaisseur de ligne d'un pixel. Si aucune ligne ne doit s'afficher, le Style de ligne propriété doit être définie sur Invisible option.

Style de ligne

Type de représentation linéaire

  • Solide

  • Tiret

  • Points

  • Tiret Point

  • Tiret Point Point

  • Invisible

Astuce

Vous pouvez affecter des variables dans le Variables d'apparence propriété pour contrôler l’apparence dynamiquement. Les valeurs fixes sont définies ici.

Les textes

Texte

Chaîne (sans guillemets droits simples)

Exemple: Accesses: %i

L'élément est étiqueté avec ce texte. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Texte propriété est sortie à l'emplacement de l'espace réservé.

Info-bulle

Chaîne (sans guillemets droits simples)

Exemple: Number of valid accesses %n

Le texte est affiché sous forme d'info-bulle. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Info-bulle propriété est sortie à l'emplacement de l'espace réservé.

Astuce

Utilisez le Ctrl+Entrer raccourci pour ajouter un saut de ligne.

Astuce

Les textes spécifiés sont automatiquement transférés vers le GlobalTextList liste de texte. Par conséquent, ces textes peuvent être localisés.

Variable d'identification d'image

ID d'image

variables (STRING) pour l'identifiant de l'image

Exemple: PLC_PRG.stImageID

Code d'application : PLC_PRG.stImageID := 'ImagePool_A.Bild3';

La valeur de la variable fait formellement référence à une image spécifique d'un pool d'images et correspond à la valeur dans le ID statique biens.

Propriétés du texte

Les propriétés obtiennent des valeurs fixes pour les propriétés du texte et agissent sur les textes configurés dans Textes → Texte ou Textes → Info-bulle.

Alignement horizontal

Alignement horizontal du texte dans l'élément

Alignement vertical

Alignement vertical du texte dans l'élément

Format texte

. Définition pour afficher les textes trop longs

  • Défaut: Le texte trop long est tronqué.

  • Saut de ligne: Le texte est divisé en lignes.

  • Ellipse: Le texte visible se termine par "..." indiquant qu'il n'est pas complet.

Police de caractère

Exemple: Défaut

_cds_icon_three_dots.png: Le Police de caractère la boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: Zone de liste avec les polices de style

Couleur de la police

Exemple: Noir

_cds_icon_three_dots.png: Le Couleur la boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: Zone de liste avec les couleurs de style

Transparence

Entier (valeur comprise entre 0 à 255)

La valeur de transparence détermine la transparence de la couleur correspondante.

255: La couleur est opaque.

0: La couleur est complètement transparente.

Note

Si la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée contre l'écriture.

Image dynamique

Vous pouvez utiliser cette propriété d'élément pour animer une série de fichiers image.

Version bitmap

Variable (type de données entier) qui inclut la version de l'image

Si la variable change, alors la visualisation relit l'image référencée dans le ID d'image propriété et l'affiche.

La visualisation affiche des animations lorsque le fichier image sur le contrôleur est mis à jour en continu, incrémentant ainsi la variable de version. L'application doit être programmée pour cela.

. Applications possibles

  • Affichage des graphiques générés par l'application

  • Affichage des images rafraîchies par une caméra

Mouvement absolu

Les propriétés contiennent des variables CEI pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. Lors de l'exécution, l'élément entier est déplacé.

Mouvement

X

L'augmentation de cette valeur à l'exécution déplace l'élément vers la droite.

Y

L'augmentation de cette valeur à l'exécution déplace l'élément vers le bas.

Rotation

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle1.

Le milieu de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

Lors de l'exécution, l'alignement de l'élément reste le même par rapport au système de coordonnées de la visualisation. L'augmentation de la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Mise à l'échelle

Variable (type de données entier) pour déclencher un étirement centré

Exemple: PLC_PRG.iScaling

Le point de référence est le Centre propriété.

La valeur 1 rétrécit l'élément d'un facteur de 0.001. La valeur 1000 remet l'élément à sa taille d'origine.

Rotation intérieure

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2.

Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. L'augmentation de la valeur dans le code tourne dans le sens des aiguilles d'une montre.

Le point de rotation est représenté par le _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Emplacement → Angle , l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lors de l'exécution de la visualisation.

_visu_img_prp_inner_rotation.png

Astuce

Vous pouvez combiner les variables à un conversion d'unité.

Astuce

le X, Oui, Rotation, et Rotation intérieure sont prises en charge par la fonctionnalité "Animation client".

Mouvement relatif

Les propriétés contiennent des variables pour déplacer l'élément. Le point de référence est la position de l'élément (Position biens). La forme de l'élément peut changer.

Mouvement en haut à gauche

X

  • Variable (type de données entier) pour le nombre (en pixels) que la gauche le bord est déplacé horizontalement

    Exemple: PLC_PRG.iDeltaX

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le Haut le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaY

L'incrémentation de la valeur déplace l'élément vers le bas.

Mouvement en bas à droite

X

  • Variable (type de données entier) pour le nombre (en pixels) que droit bord est déplacé horizontalement.

    Exemple: PLC_PRG.iDeltaWidth

  • Variable de conteneur : Container.Width

    Pour plus d'informations, consultez : Réglage optimal de la position et de la taille

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le bas le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaHeight

  • Variable de conteneur : Container.Height

    Pour plus d'informations, consultez : Réglage optimal de la position et de la taille

L'incrémentation de la valeur déplace l'élément vers le bas.

Variables de texte

Variable de texte

Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Texte la propriété

Exemple : PLC_PRG.iAccesses

La valeur de la variable remplace l'espace réservé dans le texte de l'élément. Lors de l'exécution, l'élément est étiqueté avec le texte et la valeur de la variable est constamment mise à jour.

Note

Si vous spécifiez une variable de type énumération avec prise en charge de liste de texte, le nom du type de données d'énumération est ajouté automatiquement entre crochets après le nom de la variable. Exemple: PLC_PRG.enVar <enumeration name>. Ensuite, la valeur symbolique du composant d'énumération est imprimée à la place de la valeur numérique lorsque le texte est imprimé. Voir la page d'aide pour les énumérations.

Variable d'info-bulle

Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Info-bulle biens

Exemple : PLC_PRG.iAccessesInTooltip

La valeur de la variable remplace l'espace réservé dans l'info-bulle de l'élément. Lors de l'exécution, l'info-bulle s'affiche et la valeur de la variable est constamment mise à jour.

Textes dynamiques

Les textes dynamiques sont des textes indexés de manière variable d'une liste de textes. Lors de l'exécution, le texte actuellement indexé dans la variable s'affiche.

Liste de texte

. Nom de la liste de textes

  • En tant que variable (STRING)

  • Sous forme de littéral de chaîne fixe avec des guillemets droits simples

    Exemple: 'Errorlist'

_cds_icon_arrow_down.png: Zone de liste avec les dialogues disponibles dans les listes de textes

Remarque : Si une liste de textes du projet est transférée vers une visualisation dans une bibliothèque, un point doit être ajouté au nom de la liste de textes.

Index du texte

. ID de la liste de textes qui fait référence au texte de sortie souhaité

  • Sous forme de chaîne fixe avec l'ID entre guillemets droits simples

    Exemple: '1'

  • En tant que variable (STRING) pour contrôler dynamiquement la sortie de texte

    Exemple: strTextID

    Exemple de mission : PLC_PRG.strTextID := '1';

Index des info-bulles

. ID de la liste de textes qui fait référence au texte de sortie souhaité

  • Sous forme de chaîne fixe avec l'ID entre guillemets droits simples

    Exemple: '2'

  • En tant que variable (STRING) pour contrôler dynamiquement la sortie de texte

    Exemple: strToolTipID

    Exemple de mission : PLC_PRG.strToolTipID := '2';

Variables de couleur

La propriété Element est utilisée comme interface pour les variables de projet afin de contrôler dynamiquement les couleurs lors de l'exécution.

Basculer la couleur

La propriété contrôle la couleur basculée lors de l'exécution.

. Affectation de valeur :

  • FALSE: L'élément est affiché avec la couleur spécifiée dans le Couleur biens.

  • TRUE: L'élément est affiché avec la couleur spécifiée dans le Couleur d'alarme biens.

. Attribuer la propriété :

  • Espace réservé pour la variable d'entrée utilisateur

    • <variable basculer/appuyer>

    • <PAS basculer/appuyer sur la variable>

    Le changement de couleur n'est pas contrôlé par sa propre variable, mais par une variable d'entrée utilisateur.

    Note

    Spécifiez une variable pour les événements de souris Robinet ou Basculer dans la configuration d'entrée de l'élément. Ce n'est qu'alors que l'espace réservé est défini. Si vous configurez une variable dans les deux Basculer et Robinet, alors la variable spécifiée dans Robinet est utilisé.

    Astuce

    Clique le _visu_icon_linked_variable.png symbole pour insérer le <variable basculer/appuyer> espace réservé. Lorsque vous activez le Configuration d'entrée, Appuyez sur FAUX propriété, alors le <PAS basculer/appuyer sur la variable> l'espace réservé s'affiche.

  • Chemin d'instance d'une variable de projet (BOOL)

    Exemple: PLC_PRG.xColorIsToggeled

    Note

    Dans le code, déclarez et implémentez la variable spécifiée ici. Son affectation de valeur détermine le moment où la couleur change.

Couleur

Variable de couleur pour le cadre

  • variables (DWORD) pour la couleur

    Exemple: PLC_PRG.dwColor

  • Couleur littérale

    Exemple de gris et opaque : 16#FF888888

Exigence: Afficher le cadre propriété est activée.

Note

L'état normal est en vigueur si l'expression dans le Variables de couleur → Basculer la couleur la propriété n'est pas définie ou elle a la valeur FALSE.

Couleur d'alarme

Variable de couleur pour la trame en état d'alarme

  • variables (DWORD) pour la couleur de l'alarme

    Exemple: PLC_PRG.dwAlarmColor

  • Couleur littérale

    Exemple de rouge et opaque : 16#FFFF0000

Note

L'état normal est en vigueur si l'expression dans le Variables de couleur → Basculer la couleur la propriété n'est pas définie ou elle a la valeur TRUE.

Astuce

La partie transparence de la valeur de couleur n'est évaluée que si la Activer le dessin semi-transparent option de la gestionnaire de visualisation est sélectionné.

Astuce

Dans la barre d'outils du Propriétés, sélectionnez le Avancée option. Toutes les propriétés des éléments sont alors visibles.

Regardez les variables

Les propriétés contiennent des variables permettant de contrôler dynamiquement l'apparence de l'élément.

Largeur de ligne

Variable (type de données entier) pour la largeur de ligne (en pixels)

Note

Les valeurs 0 et 1 donnent toutes deux une épaisseur de ligne d'un pixel. Si aucune ligne ne doit s'afficher, le Style de ligne propriété doit être définie sur Invisible option.

Style de ligne

Variable (DWORD) pour le type de ligne

. Codage:

  • 0: Ligne continue

  • 1: Ligne pointillée

  • 2: Ligne pointillée

  • 3: Type de ligne "Trait Point"

  • 3: Type de ligne "Trait Point Point"

  • 8: Invisible : La ligne n'est pas tracée.

Astuce

Des valeurs fixes peuvent être définies dans le Apparence propriété. Ces valeurs peuvent être écrasées par des variables dynamiques au moment de l'exécution.

Variables de police

Les variables permettent un contrôle dynamique de l'affichage du texte.

Nom de la police

variables (STRING) pour la police du texte

Exemple: PLC_PRG.stFontVar := 'Arial';

Astuce

Vous pouvez savoir quelles polices sont disponibles dans la norme Police de caractère dialogue.

Taille

Variable (type de données numérique) pour la taille de la police (en pixels ou points)

L'unité appliquée est indiquée entre parenthèses après le nom de la variable.

  • <pt> : Points (par défaut)

    Exemple: PLC_PRG.iFontHeight <pt>

    Code: iFontHeight : INT := 12;

  • <px> : pixels

    Exemple: PLC_PRG.iFontHeight <px>

    Code: iFontHeight : INT := 19;

Astuce

La taille de la police est spécifiée en points (exemple : Arial 12). Utilisez des points lorsque la taille de police variable doit correspondre à une police, par exemple si une police est définie dans le Propriété Texte → Police propriété.

Astuce

Si vous cliquez dans le champ de valeur, un _cds_img_dropdownlist_unit_font_size.png la zone de liste s'ouvre sur la droite pour régler l'unité.

Drapeaux

variables (DWORD) pour les drapeaux afin de déterminer l'affichage de la police

. Drapeaux :

  • 1: Italique

  • 2: Audacieux

  • 4: souligné

  • 8: Barré

Note

Vous pouvez combiner les affichages de police en ajoutant le codage des drapeaux. Par exemple, un texte en gras et souligné : PLC_PRG.dwFontType := 6;

Jeu de caractères

variables (DWORD) pour le numéro de jeu de caractères de la police

La sélection des numéros de jeu de caractères correspond à la Scénario établissement de la norme Police de caractère dialogue.

Couleur

variables (DWORD) pour la couleur du texte

Exemple: PLC_PRG.dwColorFont:= 16#FF000000;

Drapeaux pour l'alignement du texte

Variable (type de données entier) pour coder l'alignement du texte

Exemple: PLC_PRG.dwTextAlignment

. Codage:

  • 0: En haut à gauche

  • 1: Centre horizontal

  • 2: À droite

  • 4: Centre vertical

  • 8: Bas

Note

Vous pouvez combiner les alignements de texte en ajoutant le codage des drapeaux. Par exemple, un texte centré verticalement et horizontalement : PLC_PRG.dwFontType := 5;

Astuce

Les valeurs fixes pour l'affichage des textes sont définies dans Propriétés du texte.

Variables d'état

Les variables contrôlent dynamiquement le comportement de l'élément.

Invisible

variables (BOOL) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible à l'exécution.

Exemple: bIsVisible avec VAR bIsVisible : BOOL := FALSE; END_VAR

Désactiver les entrées

variables (BOOL) pour basculer l'opérabilité de l'élément

TRUE: Les entrées utilisateur n'ont plus aucun effet dans le runtime. L'élément est affiché comme désactivé.

Astuce

le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".

Configuration d'entrée

Les propriétés contiennent les configurations pour l'entrée de l'utilisateur lors de l'utilisation de la souris ou du clavier. L'entrée utilisateur est un événement utilisateur du point de vue de l'élément.

le Configurer bouton ouvre le Configuration des entrées pour créer ou modifier une configuration d'entrée utilisateur.

Une configuration contient une ou plusieurs actions d'entrée pour l'événement d'entrée respectif. Les actions d'entrée existantes sont affichées en dessous.

Exemple: Exécuter le code ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogClosed

Evénement d'entrée : L'utilisateur ferme la boîte de dialogue.

OnMouseClick

Événement d'entrée : un utilisateur clique complètement sur l'élément. Le bouton de la souris est cliqué et relâché.

OnMouseDown

Evénement d'entrée : un utilisateur clique uniquement sur l'élément.

OnMouseEnter

Événement d'entrée : un utilisateur fait glisser le pointeur de la souris sur l'élément.

OnMouseLeave

Événement d'entrée : un utilisateur éloigne le pointeur de la souris de l'élément.

OnMouseMove

Événement d'entrée : un utilisateur déplace le pointeur de la souris sur la zone de l'élément.

OnMouseUp

Événement d'entrée : l'utilisateur relâche le bouton de la souris dans la zone de l'élément.

OnValueChanged

Evénement qui déclenche des actions de suivi en raison d'un changement de valeur

Les actions de suivi déclenchées sont configurées dans le Configuration d'entrée dialogue.

Les actions de suivi définies et la configuration correspondante sont affichées sous la propriété de l'élément.

La OnValueChanged l'événement peut être désactivé par le VISU_NO_VALUECHANGED compilateur définir dans la boîte de dialogue des propriétés de l'application.

Raccourci

Raccourci sur l'élément pour déclencher des actions de saisie spécifiques

Lorsque l'événement de raccourci clavier se produit, les actions d'entrée dans le Événements propriété sont déclenchées.

Clé

Touche enfoncée pour l'action d'entrée

Exemple: J

Événements

  • Aucun

  • Souris vers le bas: L'appui sur la touche déclenche les actions d'entrée qui sont configurées dans le OnMouseDown biens.

  • Souris vers le haut: Le relâchement de la touche déclenche les actions de saisie qui sont configurées dans le OnMouseUp biens.

  • Souris bas/haut: L'appui et le relâchement de la touche déclenchent les actions d'entrée qui sont configurées dans le OnMouseDown la propriété et la OnMouseUp biens.

Basculer

standard icon: Combinaison avec la touche "Shift"

Exemple: Changement+J.

Contrôler

standard icon: Combinaison avec la touche "Ctrl"

Exemple: Ctrl+J.

Autre

standard icon: Combinaison avec la touche "Alt"

Exemple: Autre+J.

Astuce

Tous les raccourcis et leurs actions configurés dans la visualisation sont répertoriés dans la liste. Configuration du clavier languette.

Animation

Astuce

Ces propriétés ne sont disponibles que lorsque vous avez sélectionné le Prise en charge des animations client et de la superposition d'éléments natifs possibilité dans le Gestionnaire de visualisation.

Durée des animations

Variable de durée (en millisecondes) pendant laquelle l'élément exécute une animation

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables

  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement alors exécuté n'est pas saccadé, mais est fluide dans la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en tournant dynamiquement. Les transitions sont fluides.

Passer au premier plan

variables (BOOL) pour mettre l'élément au premier plan

TRUE: A l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: A l'exécution, l'élément de visualisation est affiché dans le calque où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

Des droits d'accès

Note

Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.

Des droits d'accès bouton

Ouvre le Des droits d'accès dialogue. Là, vous pouvez modifier les privilèges d'accès pour l'élément.

. Messages d'état :

  • Pas encore défini. Pleins droits.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : droits limités: L'accès est limité à au moins un groupe.

Dans cette section​: